<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>沈阳国安驾校</title>
<meta name="viewport"
	content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" type="text/css"
	href="${ctx}/guanaHTML/iscroll.css" />
<xbasehref ="." />
<link rel="stylesheet" href="${ctx}/guanaHTML/plugmenu.css">
<script src="${ctx}/guanaHTML/iscroll.js" type="text/javascript"></script>
<script type="text/javascript">
	var myScroll;
	function loaded() {
		myScroll = new iScroll(
				'wrapper',
				{
					snap : true,
					momentum : false,
					hScrollbar : false,
					onScrollEnd : function() {
						document.querySelector('#indicator > li.active').className = '';
						document.querySelector('#indicator > li:nth-child('
								+ (this.currPageX + 1) + ')').className = 'active';
					}
				});

	}
	document.addEventListener('DOMContentLoaded', loaded, false);
</script>

<style type="text/css">
* {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

.wz04_content {
	background-color: #121313;
	margin: 0;
}

.wz04_content a, .wz04_content a£ºhover, .wz04_content a£ºvisited {
	color: #ffffff;
}

.content_big_out {
	width: 33.33%;
	float: left;
}

.content_big {
	background-color: black;
	padding: 0 1px 1px 0;
}

.content_big_inner {
	background-color: #337DC2;
}

.content_right_none {
	margin: 0;
}

.content_big img {
	width: 100%;
}

.content_smm_one {
	text-align: center;
	padding: 10px 10px 5px;
}

.content_smm_one img {
	width: 60px;
	height: 60px;
}

.content_smm_two {
	width: 100%;
	padding-bottom: 5px;
}

.content_smm_two span {
	display: block;
	line-height: 20px;
	font-size: 16px;
	width: 100%;
	text-align: center;
	color: fffff;
	height: 20px;
	overflow: hidden;
}

html, body { /*position:relative;
	height:100%;*/
	color: #FEB200;
	font-family: Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial,
		san-serif;
	background-color: #000;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.clr {
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}

html, body {
	background-color: #000;
}

.wz13_content {
	background-color: #000;
	margin: 0;
	padding-top: 10px;
}

.wz13_content a, .wz04_content a£ºhover, .wz04_content a£ºvisited {
	color: #FEB200;
}

.content_smm_one img {
	width: 75px;
	height: 75px;
}

a {
	text-decoration: none;
}

.copyright {
	padding: 8px;
	text-align: center;
	font-size: 11px;
	color: #FFF;
}

.copyright a {
	color: #FFF;
}
</style>

</head>
<body>
	<div class="banner">
		<div id="wrapper">
			<div id="scroller">
				<ul id="thelist">
					<li><p></p> <a href="#"> <img
							src="${ctx}/guanaHTML/index.jpg" />
					</a></li>
					<li><p></p> <a href="#"><img src="${ctx}/guanaHTML/banner2.jpg" /></a></li>
					<li><p></p> <a href="#"><img src="${ctx}/guanaHTML/banner3.jpg" /></a></li>
				</ul>
			</div>
		</div>
		<div id="nav">
			<div id="prev"
				onclick="myScroll.scrollToPage('prev', 0,400,3);return false">&larr;
				prev</div>
			<ul id="indicator">
				<li class="active">1</li>
				<li>2</li>
				<li>3</li>
			</ul>
			<div id="next"
				onclick="myScroll.scrollToPage('next', 0);return false">next
				&rarr;</div>
		</div>
		<div class="clr"></div>
	</div>
	<div id="insert1"></div>
	<script>
		var count = document.getElementById("thelist").getElementsByTagName(
				"img").length;

		for (i = 0; i < count; i++) {
			document.getElementById("thelist").getElementsByTagName("img")
					.item(i).style.cssText = " width:"
					+ document.body.clientWidth + "px";

		}

		document.getElementById("scroller").style.cssText = " width:"
				+ document.body.clientWidth * count + "px";

		setInterval(function() {
			myScroll.scrollToPage('next', 0, 400, count);
		}, 3500);

		window.onresize = function() {
			for (i = 0; i < count; i++) {
				document.getElementById("thelist").getElementsByTagName("img")
						.item(i).style.cssText = " width:"
						+ document.body.clientWidth + "px";

			}

			document.getElementById("scroller").style.cssText = " width:"
					+ document.body.clientWidth * count + "px";
		}
	</script>
	<div id="insert2"></div>
	<div style="display: none"></div>
	<div style="display: none">
		<script language="javascript" type="text/javascript" src=""></script>
	</div>


	<div class="wz13_content">
		<c:forEach var="advType" items="${advTypes}" varStatus="status">
			<a href="${advType.wUrl != '' ?advType.wUrl: ctx.concat('/weixin/adv/list/').concat(advType.id) }">
				<div class="content_big_out">
					<div>
						<div>
							<div class="content_smm_one">
								<img src="${advType.imgUrl}" />
							</div>
							<div class="content_smm_two">
								<span style="font-size: 12px;">${advType.title}</span>
							</div>
						</div>
					</div>
				</div>
			</a>
		</c:forEach>
	</div>
	<%-- <div class="plug-div">
		<div class="plug-phone">
			<div class="plug-menu themeStyle" style="background: #FF0000">
				<span class="close"> </span>
			</div>
			<div class="themeStyle plug-btn plug-btn1 close"
				style="background: #FF0000">
				<a href="tel:02431284051"> <span
					style="background-image: url(${ctx}/guanaHTML/tpl/Wap/default/common/css/flash/images/img/tel.png);">
				</span>
				</a>
			</div>
			<div class="plug-btn plug-btn5 close"></div>
		</div>
	</div> --%>
	<script src="${ctx}/guanaHTML/zepto.min.js" type="text/javascript"></script>
	<script src="${ctx}/guanaHTML/plugmenu.js" type="text/javascript"></script>
	<div class="copyright">技术支持:沈阳凯鸿科技有限公司</div>
</body>
</html>